<template>
    <div>
        <!-- <van-notice-bar left-icon="info-o" :scrollable="false" v-if="customerTagArr.length > 0">
            <van-swipe vertical class="notice-swipe" :autoplay="3000" :show-indicators="false">
                <van-swipe-item v-for="(item, index) in customerTagArr" :key="index">
                    {{ item.sname }}<span style="color:green;margin-left:10ox"> -- {{ item.status }}</span>
                </van-swipe-item>
            </van-swipe>
        </van-notice-bar> -->
        <van-notice-bar left-icon="info-o" :scrollable="true" v-if="customerTagArr.length > 0">
            
                <span v-for="(item, index) in customerTagArr" :key="index">
                    <template v-for="(iitem,iname) in item">
                        ●  {{ iname }}<span style="color:green;margin-right:10ox"> -- {{ iitem }}  </span>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                    </template>
                   
                </span>
      
        </van-notice-bar>
    </div>
</template>
<script>
import Vue from 'vue'
import { Swipe, SwipeItem } from 'vant'
Vue.use(Swipe).use(SwipeItem)

export default {
    name: '',
    components: {

    },
    mixins: [],
    props: {
        customerTagArr: {
            type: Array,
            default: []
        }

    },
    data() {
        return {

        }
    },
    computed: {

    },
    watch: {

    },
    mounted() {

    },
    methods: {

    }
};
</script>
<style scoped>
.notice-swipe {
    width: 100%;
    height: 40px;
    line-height: 40px;
}
</style>